<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>岗位筛选</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/css/public.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script type="text/javascript" src="assets/js/jquery.min.js"></script>
    <!--必要样式-->
    <style>
        .am-header {
            height: 49px;
        }
        .chooseHeader{
            height: 55px;
            position: fixed;
            background: #fff;
            z-index: 100;
        }
        .chooseHeader p{
            line-height: 55px;
            border-bottom: 1px solid rgb(235,235,235);
        }
        .jobItem{
            padding-top: 14px;
            padding-bottom: 14px;
            display: flex;
            flex-direction: row;
            align-items: center;
            border-bottom: 5px solid rgb(235,235,235);
        }
        .jobItem p{
            line-height: 21px;
        }
        .all>.jobItem:last-child{
            margin-bottom: 55px;
        }
        .morefooter{
            height: 45px;
            line-height: 45px;
            position: fixed;
            bottom: 0;
            box-shadow:0 -2px 17.5px rgba(102,96,92,0.11);
            background: #fff;
        }
        .modal{
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            display:none;
            z-index: 111;
            background: rgba(0,0,0,0.4);
        }
        .modalContent{
            width: 82%;
            margin-left: 9%;
            background: #fff;
            margin-top: 105px;
            padding-top: 10px;

        }
        .modalheader{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            height: 45px;
            line-height: 45px;
            padding-right: 8px;
            border-bottom: 1px solid rgb(235,235,235);
        }
        .modalArticle{
            padding: 18px 8px 18px 18px;
            height: 340px;
            overflow: auto;
        }
        .modalfooter{
            height: 60px;
            text-align: center;
            background: rgb(60,60,60);
            line-height: 60px;
            color: rgb(255,128,34);
            font-size: 18px;
            font-weight: bold;
        }
        .chooseJobModal{
            position: fixed;
            left: 0;
            right: 0;
            top: 105px;
            bottom: 0;
            display: none;
            z-index: 22;
            background: rgba(0,0,0,0.4);
        }
        .chooseJobModalContent{
            background: #fff;
            padding-bottom: 10px;
        }
        .chooseItem{
            height: 45px;
            line-height: 45px;
            text-align: center;
        }
        .chooseItem:hover{
            background: rgb(246,246,246);
        }
    </style>
</head>

<body>
<!--头部搜索栏-->
<div>
    <div class=" navheader">
        <img src="assets/images/index_pic3.png" width="97">
        <img src="assets/images/index_pic4.png" width="25"  class="slideDownNav">
        <!--<span></span>-->
    </div>
    <div class="height50"></div>
    <div class="am-g ">
        <div class="am-u-sm-12 navContent am-padding-0 pos_fixed zindex12">
            <div class="navContentItem">
                <a href="index.html"><p class="col206 font_16 firstItem">首页</p></a>
            </div>
            <div class="navContentItem">
                <a href="aboutUs.html"><p class="col206 font_16 firstItem">关于我们</p></a>
            </div>
            <div class="navContentItem">
                <a href="product.html"><p class="col206 font_16 firstItem">产品解决方案</p></a>
            </div>
            <div class="navContentItem">
                <a href="serviceSolution.html"><p class="col206 font_16 firstItem">科技服务解决方案</p></a>
            </div>
            <div class="navContentItem newsContent padding9">
                <p class="col206 font_16 firstItem news">新闻中心 <img src="assets/images/index_pic5.png" width="11" style="float: right;margin-top: 14px;"></p>
                <div class="slideDown displaynone">
                    <a href="newsList.html"><p class="newItem font_15 col157  firstItem ">公司新闻</p></a>
                    <a href="newsList.html"><p class="newItem font_15 col157  firstItem">媒体报道</p></a>
                    <a href="newsList.html"><p class="newItem font_15 col157 firstItem">行业动态</p></a>
                </div>
            </div>
            <div class="navContentItem">
                <a href="recruitment.html"><p class="col206 font_16 firstItem">人才招募</p></a>
            </div>
        </div>
        <div class="am-u-sm-12 am-padding-0 am-text-center chooseHeader ">
            <p class="font_14 col134 chooseWork">岗位筛选<img src="assets/images/rencai_pic8.png" width="6" style="margin-left: 5px;"></p>
        </div>
        <div class="height50"></div>
        <div class="all">
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13 jobDetail">岗位详情></span>
                </div>
            </div>
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13  jobDetail ">岗位详情></span>
                </div>
            </div>
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13 jobDetail">岗位详情></span>
                </div>
            </div>
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13 jobDetail">岗位详情></span>
                </div>
            </div>
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13 jobDetail">岗位详情></span>
                </div>
            </div>
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13 jobDetail">岗位详情></span>
                </div>
            </div>
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13 jobDetail">岗位详情></span>
                </div>
            </div>
            <div class="am-u-sm-12 jobItem">
                <div class="am-u-sm-9 am-padding-0">
                    <p class="col70 bolds font_16">前端工程师</p>
                    <p class="font13 colgray134">工作地点：福建厦门</p>
                </div>
                <div class="am-u-sm-3 am-padding-0 am-text-right">
                    <span class="col134 font13 jobDetail">岗位详情></span>
                </div>
            </div>
        </div>
        <div class="am-u-sm-12 morefooter am-text-center">
            <span class="font14 col206">点击加载更多+</span>
        </div>
    </div>
    <div class="modal">
       <div class="modalContent">
           <div class="modalheader " >
               <span></span>
               <span class="col70 bolds font_16">岗位职责</span>
               <img src="assets/images/rencai_pic1.png" width="18" height="18" class="closeModal">
           </div>
           <div class="modalArticle">
               <p class="medium font13 col102">职责内容</p>
               <p class=" font13 colgray134">1、终端产品高级维修业务管理，负责高维业务的建设和日常管理，重点监控KPI达成情况，以及标准落实情况等；</p>
               <p class=" font13 colgray134">2、产能规划；对所负责维修工厂的及时、准确、优质、合理成本交付负责；</p>
               <p class=" font13 colgray134">3、推动维修工厂持续改进工艺、流程及服务水平，提升工厂运作绩效和响应能力；</p>
               <p class=" font13 colgray134">4、终端产品高级维修业务管理，负责高维业务的建设和日常管理，重点监控KPI达成情况，以及标准落实情况等；</p>
               <p class=" font13 colgray134">5、产能规划；对所负责维修工厂的及时、准确、优质、合理成本交付负责；合理成本交付负责；合理成本交付负责；合理成本交付负责；合理成本交付负责</p>
           </div>
           <div class="modalfooter ">
               <span><img src="assets/images/rencai_pic2.png" width="22" style="margin-right: 10px;">hr@blackswan.com.cn</span>
           </div>
       </div>
    </div>
    <div class="chooseJobModal">
        <div class="chooseJobModalContent">
           <div class="chooseItem">
               <p class="col102 font13">智能制造研发类</p>
           </div>
            <div class="chooseItem">
                <p class="col102 font13">鞋业生产制造类</p>
            </div>
            <div class="chooseItem">
                <p class="col102 font13">鞋业设计开发类</p>
            </div>
            <div class="chooseItem">
                <p class="col102 font13">外贸业务类</p>
            </div>
            <div class="chooseItem">
                <p class="col102 font13">人事行政类</p>
            </div>
            <div class="chooseItem">
                <p class="col102 font13">鞋业成本核价类</p>
            </div>
            <div class="chooseItem">
                <p class="col102 font13">鞋业采购类</p>
            </div>

        </div>
    </div>
</div>
</body>
<script src="assets/js/jquery.min.js"></script>
<!--<script src="assets/js/angular.min.js"></script>-->
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/publish.js"></script>

<script>
    $('.closeModal').on('click',function () {
        $('.modal').css('display', 'none')
    })
    $('.jobDetail').on('click',function () {
        $('.modal').css('display','block')
    })
    $('.chooseWork').on('click',function () {
        $('.chooseJobModal').slideToggle()
    })
</script>
</html>